<!-- 视频播放zj -->
<template>
    <div class="video">
        <video class="videoContainer" ref="videoContainer" :src="videoSrc"></video>
    </div>
</template>

<script setup>
import { nextTick, onMounted, computed, reactive, ref, getCurrentInstance, onUnmounted } from 'vue'
const { videoSrc } = defineProps({
    videoSrc: {
        type: String
    }
})

const videoContainer = ref()
//组件加载成功自动播放视频
onMounted(() => {
    videoContainer.value.play()
})
</script>
<style lang="less" scoped>
.video {
    width: 100%;
    height: 500px;

    .videoContainer {
        width: 768px !important;
        height: 500px !important;
    }
}
</style>